<template>
	<view>
		<view class="index_container_top_container">
			<view class="index_container_top_container_title">
				致力于AI+电子信息大类复合型人才培养
			</view>
			<view class="index_container_top_container_welcome">
				期待您的加入
			</view>
			<view class="redeMore" style="text-align: center;">
				<text>了解详情</text>
			</view>
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss">
	.index_container_top {
		margin-bottom: 40rpx;
		box-shadow: 0rpx 74.49rpx 126.64rpx rgba(11, 61, 212, 0.27);
		border-radius: 20rpx;
		overflow: hidden;


	}

	.redeMore {
		width: 186.96rpx;
		height: 70.16rpx;
		line-height: 70.16rpx;
		background: rgba(255, 255, 255, 1);
		border-radius: 20rpx;
		margin-top: 40rpx;

		text {
			font-size: 30rpx;
		}
	}

	.index_container_top_container {
		background: url("../../static/bg3.png") no-repeat;
		background-size: 100%;
		width: 87%;
		background-size: cover;
		background-position: center;
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
		padding: 20rpx;
		margin: auto;
		border-radius: 21.5rpx;
		height: auto;
		padding-bottom: 80rpx;
		margin-top: 20rpx;
		box-shadow: 0rpx 74.49rpx 126.64rpx rgba(11, 61, 212, 0.27);

		/* 将背景图片定位到元素的中心 */
		.index_container_top_container_title {
			font-size: 30.93rpx;
			font-weight: 500;
			letter-spacing: 0rpx;
			line-height: 52.03rpx;
			color: rgba(255, 255, 255, 1);
			text-align: left;
			vertical-align: top;
		}

		.index_container_top_container_welcome {
			font-size: 33.68rpx;
			font-weight: 400;
			letter-spacing: 0rpx;
			line-height: 48.77rpx;
			color: rgba(255, 255, 255, 1);
			text-align: left;
			vertical-align: top;
		}
	}
</style>